<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
 <div id="app">

   <!-- v-model 的message 绑定到了text 上   称为双向绑定 -->
  <!-- <input type="text" v-model="message">-->

   <!-- v-model 的原理 2个指令的合并操作 -->
   <input type="text" :value="message" @input="message = $event.target.value" >
   {{message}}
  </div>


     <script src="js/vue.js"></script>
     <script>
       const app=new Vue({
         el: '#app',
         data: {
           message:'你好vue',
         },
       })
     </script>
</body>
</html>